/* ---------------------------------------- Global Defaults ---------------------------------------- */



 /* ----------------------------------------  
 html, body {
 margin: 0px;
 padding: 0px;
 border: 0px;
 }
 body {
 font: 1em/1.25 Courier New, bold; Courier, bold; Arial, bold;
 color: #515151;
 }
 ---------------------------------------- */
 /* Headlines */

 /* ----------------------------------------  
 h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
 font-weight: normal;
 font-family: Courier New, bold; Courier, bold; Arial, bold;
 }
 
 /* Text Styles */
  /* ----------------------------------------  
 p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {
 margin: 0;
 padding: 0;
 font: normal normal normal 1em/1.25; Courier New, bold; Courier, bold; Arial, bold;
 }
 blockquote {
 margin: 1.25em;
 padding: 1.25em
 }
 q {
 font-style: italic;
 }
 acronym, abbr {
 cursor: help;
 border-bottom: 1px dashed;
 }
 small {
 font-size:.85em;
 }
 big {
 font-size:1.2em;
 }
 ---------------------------------------- */
 /* Links and Images */
  /* ----------------------------------------  
 a, a:link, a:visited, a:active, a:hover {
 text-decoration: none;
 }
 img {
 border: none;
 }
 ---------------------------------------- */
 /* Tables */
  /* ----------------------------------------  
 table {
 margin: 0;
 padding: 0;
 border: none;
 }
 ---------------------------------------- */
 /* Forms */
  /* ----------------------------------------  
 form {
 margin: 0;
 padding: 0;
 display: inline;
 }
 label {
 cursor: default;
 }
 ---------------------------------------- */
 

 
/* >>>>>>>>>>> START TEXT GENERAL RULES >>>>>>>>>>> */ 

@import url(http://fonts.googleapis.com/css?family=Special+Elite&effect=ice);
@import url(http://fonts.googleapis.com/css?family=Nixie+One|PT+Serif);
@import url(http://fonts.googleapis.com/css?family=EB+Garamond);

.italic{ 
  font-style: italic; 
}

a:link, a:visited {
color: #515151; text-decoration: none;
}

#NAVIGATION a:hover, #NAVIGATION a:active, #NAVIGATION2 a:hover, #NAVIGATION2 a:active{
color: #7693b4; text-decoration: none;
}

a#PDFLINK:link, a#PDFLINK:visited {
color: #515151; text-decoration: none;
}

a#PDFLINK:hover, a#PDFLINK:active {
color: #7693b4; text-decoration: none;
}

a#EMAIL:link, a#EMAIL:visited, a.NSARCHIVE:link, a.NSARCHIVE:visited {
color: #7693b4; text-decoration: none;
}

a#EMAIL:hover, a#EMAIL:active, a.NSARCHIVE:hover, a.NSARCHIVE:active {
color: #333; text-decoration: none;
}

					
/* >>>>>>>>>>> END TEXT GENERAL RULES >>>>>>>>>>> */ 

/* >>>>>>>>>>> BEGIN BODY >>>>>>>>>>> */ 

body {
background: #ffffff;
text-align: left;
margin: 0;
padding: 0;
font: 20px 'EB Garamond'; Georgia; Courier, bold; Arial, bold;
font-style: normal;
color: #333;
list-style-type:none;
cursor: default;
background-image: url('dust.png');
}

/* >>>>>>>>>>> BEGIN PAGE >>>>>>>>>>> */ 

div#CONTAINER {
position: relative;
min-height: 100%;
}

div#WRAPPER {
margin-left: auto;
margin-right: auto;
width: 1000px;
padding: 0;
height: 100%;
padding-bottom: 50px;   /* Height of the footer */
}

/* >>>>>>>>>>> START TITLE TEXT >>>>>>>>>>> */ 

div#TITLESPACER {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 85px;
	margin: 0px 0 0 0px;
}

div#TITLE-WRAP1 {
	position:absolute;
	font-family: 'Special Elite'; Courier New, bold; Courier, bold; Arial, bold;
	font-size: 42px;
	letter-spacing: 12px;
	font-weight: normal;
	font-style: normal;
	list-style-type:none;
	text-align: center;
	margin: 31px 0 0 10px;
	z-index: 3;
}

div#TITLE-WRAP2 {
	position:absolute;
	font-family: 'Special Elite'; Courier New, bold; Courier, bold; Arial, bold;
	font-size: 42px;
	letter-spacing: 12px;
	font-weight: normal;
	font-style: normal;
	list-style-type:none;
	text-align: center;
	margin: 32px 0 0 8px;
	z-index: 2;
}

div#TITLE-WRAP3 {
	position:absolute;
	font-family: 'Special Elite'; Courier New, bold; Courier, bold; Arial, bold;
	font-size: 42px;
	letter-spacing: 12px;
	font-weight: normal;
	font-style: normal;
	list-style-type:none;
	text-align: center;
	margin: 33px 0 0 7px;
	z-index: 1;
}

div#TITLE-WRAP1 a:link, div#TITLE-WRAP1 a:visited, div#TITLE-WRAP1 a:hover {
  color: #B6C6D6;
}

div#TITLE-WRAP2 a:link, div#TITLE-WRAP2 a:visited, div#TITLE-WRAP2 a:hover {
  color: #E3E5EA;
}

div#TITLE-WRAP3 a:link, div#TITLE-WRAP3 a:visited, div#TITLE-WRAP3 a:hover {
  color: #f4f4f4;
}

/* >>>>>>>>>>> START NAVIGATION TEXT >>>>>>>>>>> */ 
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

ul#NAVIGATION {
 font-family: 'Special Elite'; normal; Courier New, bold; Courier, bold; Arial, bold;
 font-size: 20px;
 letter-spacing: 2px;
 font-weight: normal;
 font-style: normal;
 /*list-style-type: none;*/
 text-align: center;
}

ul#NAVIGATION2 {
 font-family: 'Special Elite'; normal; Courier New, bold; Courier, bold; Arial, bold;
 font-size: 20px;
 letter-spacing: 2px;
 font-weight: normal;
 font-style: normal;
 text-align: center;
}

h1#PDFLINK {
 font-family: 'Special Elite'; normal; Courier New, bold; Courier, bold; Arial, bold;
 font-size: 20px;
 letter-spacing: 2px;
}

/* >>>>>>>>>>> START CONTENT TEXT >>>>>>>>>>> */

/* FOR REFERENCE
body {
background: #ffffff;
text-align: left;
margin: 0;
padding: 0;
font: 20px 'EB Garamond'; Georgia; Courier, bold; Arial, bold;
font-style: normal;
color: #333;
list-style-type:none;
cursor: default;
background-image: url('dust.png');
}
*/

h1#OBJECTIVESTITLE {
font-size: 24px;
letter-spacing: 3px;
color: #97A4B4;
}
 
 
h2#OBJECTIVESTITLE2 {
font-size: 24px;
letter-spacing: 2px;
color: #97A4B4;
padding-bottom: 8px; 
}

article#OBJECTIVES {
width: 800px;
margin-top: 50px;
margin-bottom: 100px;
margin-right: 100px;
margin-left: 100px;
}

article#PRESSRELEASE {
width: 800px;
margin-top: 80px;
margin-bottom: 100px;
margin-right: 100px;
margin-left: 100px;
}

h1#EXHIBITIONSYEAR {
font-family: 'EB Garamond';
font-size: 42px;
letter-spacing: 3px;
color: #B3B6C0;
}

h1#EXHIBITIONSDATES {
font-family: 'EB Garamond';
font-size: 20px;
margin-top: 5px;
margin-bottom: 15px;
color: #7693b4;
}

h1#ABOUTUSTITLE {
text-align: justify;
color: #7693b4;
margin-left: 65px;
margin-right: 65px;
margin-bottom: 20px;
}

p.ABOUTUSPARAGRAPH {
text-align: justify;
margin-left: 65px;
margin-right: 65px;
}

h1#WORKSHOP {
font-size: 24px;
letter-spacing: 2px;
color: #7693b4;
}

div#CONTACTUS {
margin-top: 200px;
margin-bottom: 250px;
}

h1#EMAIL {
font-size: 22px;
text-align: center;
letter-spacing: 1px;
}

div#UNDERSCORE {
position: relative;
margin-top: 8px;
width: 550px;
height: 1px;
margin-left: auto;
margin-right: auto;
background-color: #A8BBCC;
}

article {
width: 800px;
margin-top: 50px;
margin-bottom: 100px;
margin-right: 100px;
margin-left: 100px;
}

h1#PRTITLE {
font-size: 20px;
letter-spacing: 1px;
color: #7693b4;
}


/* >>>>>>>>>>> START TITLE POSITIONING >>>>>>>>>>> */

div#TITLE-WRAP {
 height: 70px;
 margin: 30px 0 0 0;
}

/* >>>>>>>>>>> START HORIZONTAL LINE >>>>>>>>>>> */


div#HORIZON {
position: relative;
margin-top: 0px;
margin-bottom: 25px;
width: 1000px;
height: 2px;
margin-left: auto;
margin-right: auto;
background-color: #A8BBCC;
}

/* >>>>>>>>>>> START NAVIGATION POSITIONING >>>>>>>>>>> */

div#NAV-WRAP {
height: 80px;
margin-top: 34px;
}

li#OBJECTIVES, li#EXHIBITIONS, li#ABOUTUS, li#WORKSHOP, li#CONTACTUS, li#MEDIA {
list-style: none;
float: left;
margin: 0 0 0 43px;
background: transparent;
}

li#OBJECTIVES {
margin: 0 0 0 6px;
}

li#POSTER {
list-style: none;
float: right;
margin: 30px 310px 0 0;
background: transparent;
}

li#PRESSRELEASE {
list-style: none;
float: left;
margin: 30px 0 0 300px;
background: transparent;
}


/* >>>>>>>>>>> END NAVIGATION MENU >>>>>>>>>>> */ 

/* >>>>>>>>>>> START HORIZONTAL LINE >>>>>>>>>>> */ 



/* >>>>>>>>>>> END HORIZONTAL LINE >>>>>>>>>>> */ 

/* >>>>>>>>>>> BEGIN RESTLESS YOUTH IMAGE >>>>>>>>>>> */ 


div#INDEXSPACER {
height: 1685px;
margin-left: auto;
margin-right: auto;
margin-bottom: 150px;
}

div#INDEXIMAGE {
display: block;
margin-left: auto;
margin-right: auto;
top: 230px;
}

img#INDEXIMAGE {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute; left: 50%; margin: 0 0 0 -520px; 
	top: 230px;
}

/* >>>>>>>>>>> END RESTLESS YOUTH IMAGE >>>>>>>>>>> */ 

/* >>>>>>>>>>> BEGIN POSTER >>>>>>>>>>> */ 


div#POSTERSPACER {
height: 1900px;
margin-left: auto;
margin-right: auto;
margin-bottom: 80px;
}

div#POSTER {
display: block;
width: auto;
margin-left: auto;
margin-right: auto;
}

img#POSTER {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute; left: 50%; margin: 0 0 0 -600px; 
	width: auto;
	height: auto;
	top: 200px;
}

/* >>>>>>>>>>> END POSTER >>>>>>>>>>> */ 


/*do we need to add div#NAVIGATION here???*/
 /*
div#CAPTION {
	position: relative;
	top: 14px;
	margin-left: auto;
	margin-right: auto;
}

div#CAPTION {
 	font-family: 'Special Elite'; Courier New, bold; Courier, bold; Arial, bold;
 	font-size: 15px;
 	color: #53555a;
 	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-style: normal;
line-height: px;*/
}

span.ITALICS {
	font-family: 'Special Elite'; Courier New, bold; Courier, bold; Arial, bold;
 	font-size: 15px;
 	color: #53555a;
 	font-style: italic;
 /*line-height: px;*/
}

div#COPYRIGHT {
	font-size: 20px;
	color: #7B7B7B;
	letter-spacing: 1px;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
    background: #E9EFF5;
}




/* >>>>>>>>>>> START RSVP FORM CSS >>>>>>>>>>> */ 

.rsvp {
width: 800px;
margin-top: 50px;
margin-bottom: 100px;
margin-right: 100px;
margin-left: 100px;
}

.rsvpform {
width: 460px;
font-family: Courier New; Courier; Arial;
border: 1px solid #AAA;
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.rsvpformheader {
font-size:18px;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}
.rsvpformmessage {
text-align:center;
padding-bottom:10px;
}
.rsvpform td {
padding:4px;
font-size:12px;
}
.rsvpform p {
padding:4px;
}
.rsvpform label {
padding:4px;
}
.rsvpform label {
padding-right:10px
}
.required {
font-weight:bold;
}
.required_star {
font-weight:bold;
color:#F00;
}
.not-required {
font-weight:normal
}
.antispammessage {
padding:10px;
border-top:1px solid #AAA;
border-bottom:1px solid #AAA;
font-weight:bold 
}
.antispamquestion {
font-weight:normal;
}
.rsvp h2 {
    font-size:20px;
    line-height:26px;
    border-bottom:1px solid #000;
    margin-bottom:11px;
    padding-bottom:4px;
}
.rsvp td, 
.rsvp p, 
.rsvp label, 
.rsvp input
.rsvp textarea{
    font-size:14px;
    font-family: Courier New; Courier; Arial; sans-serif;
}
.rsvp td{
    padding: 4px;
}
.rsvp p{
    margin-bottom:10px;
}

div.rsvp-default {
    padding:0px;   
    font-family: Courier New; Courier; Arial; sans-serif;
}
div.rsvp-default h2 {
    border-bottom:1px solid #BBB;
}
.rsvp_text{
	width:220px;
	height:18px;
	border:1px solid #BBB;
}
.rsvp_textbig{
	width:320px;
	height:18px;
	border:1px solid #BBB;
}
.rsvp_textarea{
	width:320px;
	height:180px;
	border:1px solid #BBB;
}
.rsvp_button{
	width:200px;
	height:40px
}
.rsvp_required{
	color:#F00
}
#url {
	display:none
}
.rsvp_comments {
 color: #009;
}



/* >>>>>>>>>>> END RSVP FORM CSS >>>>>>>>>>> */